<template>
	<div>
		<div class="box">
			<!-- <uni-forms
				ref="form"
				:model="{}"
				validate-trigger="bind"
				:label-position="state == 'write' ? 'top' : 'left'"
				label-width="auto"
			>
				<div class="cell">
					<div>交强险</div>
					<FromItem :required="true" state="readonly" name="contractTemplateId">
						<view v-if="state == 'readonly'">
							{{
								A_review({
									value: guaranteeContract.contractTemplateId,
									dict: {
										list: dicts.guaranteeContractList
									}
								})
							}}
						</view>
						<uni-easyinput
							v-else
							class="uni-input"
							size="mini"
							v-model="item.sumInsuredVal"
							type="number"
							placeholder="请输入金额"
						></uni-easyinput>
					</FromItem>
				</div>
			</uni-forms> -->
		</div>
	</div>
</template>

<script>
import * as app from '@/api/index.js';
import * as apis from '@/api/quota/apply/api.js';
import * as utils from '@/pages/quota/libs/utils.js';
import FromItem from '../formItem/index.vue';
export default {
	name: '',
	components: { FromItem },
	dicts: [],
	props: {},
	inject: [
		'details_provide',
		'config_provide',
		'deptList_provide',
		'state_provide',
		'index_provide',
		'planDicts_provide',
		'fromtype_provide'
	],
	data() {
		return {};
	},
	computed: {
		details() {
			return this.details_provide();
		},
		config() {
			return this.config_provide();
		},
		deptList() {
			return this.deptList_provide();
		},
		planDicts() {
			return this.planDicts_provide();
		},
		state() {
			return this.state_provide();
		},
		fromtype() {
			return this.fromtype_provide();
		},

		index() {
			return this.index_provide();
		},
		currentInfoData() {
			return this.details.productList?.[this.index] ?? {};
		},
		firstInfoData() {
			return this.details.productList?.[0] ?? {};
		}
	},
	watch: {},
	filters: {},
	created() {},
	mounted() {},
	methods: {}
};
</script>

<style lang="scss" scoped>
.box {
	margin: 20rpx;
	padding: 20rpx;
	background-color: #fff;
	border-radius: 8rpx;
	.title {
		border-bottom: 1px solid #f5f5f5;
		padding-bottom: 10rpx;
		margin-bottom: 10rpx;
	}
}
</style>
